
      .r-header .navbar-default .navbar-nav > .active > a{
        background-color:white;
        font-size: 18px;
        font-family: "Microsoft YaHei", "宋体", "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-weight: bold;
        letter-spacing: 5px;
        color:black;
      }
      .r-header .navbar-default .navbar-brand img{
        display: inline;
      }
      .r-header .navbar-default .navbar-brand{
       letter-spacing: 5px;
       font-family:  "Microsoft YaHei", "宋体", "Helvetica Neue",Helvetica,Arial,sans-serif;
       font-weight: bold;
       font-size: 18px;
       color: #2f2e2e;
      }
      .r-header .navbar-default .navbar-brand:hover{
        color: dimgrey;
      }
      .r-header .navbar-default{
        background-color: none;
        border: none;
      }
      #r-menu li{
        cursor: pointer;
        text-align: center;
      }
      /* 将网页版的li设置成一行 */
      /* .r-header .dropdown-menu li{
        float: left;
      } */
      .r-header .dropdown{
        font-size: 18px;
        font-weight: bold;
        color: #2f2e2e;
      }
      .r-header .dropdown-menu a:hover{
        color: orangered;
      }
      .r-session{
        background: url(../images/session-bg.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        height: 1065px;
      }
      /* .r-session .con{
        height: 1065px;
      } */
      .r-session .card{
        width: 360px;
        height: 465px;
        margin: 300px auto;
        background-color: #fff;
        padding: 70px 60px;
      }
      .r-session .card p{
        font-size: 90px;
        font-family:  "Arial black", "宋体", "Helvetica Neue",Helvetica,Arial,sans-serif;
        line-height: 1;
        font-weight: bold;
        text-align: left;
        margin-bottom: 40px;
      }
      .r-session .card span{
        font-size: 70px;
        transform: translateX(80%);
        cursor: pointer;
        
      }
      #services,#abouts{
        padding: 120px 0 100px 0;
      }
      
      #services .container,#abouts .container{
        padding: 15px;
      }
      #services h3,#abouts h3{
        font-weight: bold;
        text-align: center;
      }
      #services .col-md-4{
        margin: 40px 0 0;
        padding: 25px;
      }
      #services .box,#abouts .box{
          width: 40px;
          height: 3px;
          background-color: #806c56;
          margin: 20px auto 35px auto;
      }

      /* projects动画 */
      #projects>div>div>div{
        transition: all 1s;
      }
      #projects .thumbnail{
        position: relative;
        border-radius: 0%;
        overflow: hidden;
        border: none;
      }
      #projects img{
        transition:  all 350ms;
        box-sizing: border-box;
      }
      /* #projects img:hover{
        transform: scale(1.3);
        opacity: 0.8;
      } */
      #projects .mask{
        position: absolute;
        padding: 0;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        background: rgb(0,0,0,0.8);
        transition: all 0.5s;
        display: none;
        color: white;
        font-size: 20px;
        padding: 15%;
      }
      #projects .mask:hover{
        transform: scale(0.8);
      }
      #abouts h1{
        font-size: 65px;
        font-weight: bold;
        margin: 0 0 10px;
      }
      #abouts h4{
        font-weight: bold;
      }
      #abouts .thumbnail{
        height: 292px;
        margin-top: 50px;
        border: none;
      }
      /* 轮播图 */
      #carousel-example-generic{
          margin-top: 100px;
      }
      #carousel-example-generic ol{
          margin-bottom: -50px;
      }
      #abouts .carousel-indicators li{
          border: 2px solid black;
      }
      #carousel-example-generic img{
        border-radius:50%;
        overflow:hidden;
      }
      #carousel-example-generic h3{
          font-weight: 300;
      }
      #carousel-example-generic p{
          margin: 40px 110px;
          height: 40px;
      }
      #footer{
        background: url(../images/footer-bg.jpg);
        background-size: cover;
        background-repeat: no-repeat;
  
      }
      #footer .mask{
        width: 100%;
        height: 100%;
        background-color: rgba(47,46,46,0.7);
        padding: 90px 0 90px 0;
      }
      #footer .logo{
        width: 750px;
      }
      #footer img{
        width: 130px;
      }
      .bottom{
        padding: 20px;
        text-align: center;
        background-color:#2f2e2e;
        color: #999;
      }
      @media(min-width: 768px){
        #services .container,#abouts .container{
          width: 750px;
        }
      } 
      @media(min-width: 992px){
        #services .container,#abouts .container{
          width: 970px;
        }
      }
      @media(min-width: 1200px){
        #services .container,#abouts .container{
          width: 950px;
        }
      } 
    
      @media(max-width: 768px){
        .r-session{
          height: 484px;
        }
        .r-session .card{
          width: 220px;
          height: 284px;
          margin: 100px auto;
          padding: 40px 40px;
        }
        .r-session .card p{
            font-size: 60px;
            margin-bottom: 10px;
            line-height: 0.92;
        }
        .r-session .card span{
            font-size: 50px;
        }
        #services,#about{
            padding:100px 0 90px;
        }
        #abouts h1{
            font-size: 26px;
            font-weight: bold;
            text-align: center;
            letter-spacing: 1px;
          }
        #abouts p,h4{
            text-align: center;
            margin: 20px 30px;
        }
        #abouts .txt{
            font-weight: bold;
        }
        #abouts .thumbnail{
            margin-top: 0px;
        }
      }